;(function(){
    //点击大加加号
    $(".box-par").on("click",".add",function () {
        $(this).parents(".box").before('<div class="col-sm-3 no-padding padding-right-40 box">'
            +'<div class="plan">'
            +'<div class="header bordered-azure text-center"><input class="comment_disabled text-center" disabled type="text" value="学历情况"><i class="pull-right fa fa-edit edit"></i></div>'
            +'<ul>'
                +'<li>'
                +'<input type="text" class="col-md-10 inp-edit comment_disabled"><i class="glyphicon glyphicon-ok ok"></i>'
                +'<i class="glyphicon glyphicon-remove remove"></i></li>'
            +'</ul>'
            +'<p class="text-center box_par"><i class="fa fa-plus box_add"></i></p>'
            +'</div>'
            +'</div>')
    })
    //点击小加号，出先文本框
    $(".box-par").on("click",".box_add",function(){
        $(this).parents(".plan").find("ul").append('<li><input type="text" class="col-md-10 inp-edit comment_disabled"><i class="glyphicon glyphicon-ok ok"></i><i class="glyphicon glyphicon-remove remove"></i></li>')
    })
    //点击关闭
    $(".box-par").on("click",".remove",function () {
        $(this).parent().remove();
    })
    //点击对勾
    $(".box-par").on("click",".ok",function () {
        $(this).parent().find(".inp-edit").removeClass("col-md-10").addClass("col-md-11");
        $(this).next().removeClass("glyphicon glyphicon-remove remove").addClass("fa fa-check-circle");
        $(this).remove();
    })
    //点击编辑
    $(".box-par").on("click",".fa-edit",function () {
        $(this).parents(".plan").find(".comment_disabled").attr({"disabled": false});
        $(this).removeClass("fa-edit").addClass("fa-save");
        $(this).parents(".plan").find("input").css({"border":"1px solid #2dc3e8"});
    })
    $(".box-par").on("click",".fa-save",function () {
        $(this).parents(".plan").find(".comment_disabled").attr({"disabled": true});
        $(this).removeClass("fa-save").addClass("fa-edit");
        $(this).parents(".plan").find("input").css({"border":"1px solid #e5e5e5"});
    })
    //状态切换
    $('.box-par').on('click', '.fa-check-circle', function () {
        $(this).removeClass("fa-check-circle").addClass("fa-ban");
    });
    $('.box-par').on('click', '.fa-ban', function () {
        $(this).removeClass("fa-ban").addClass("fa-check-circle");
    });

})(jQuery)